<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
body,html {
  height:100%;/* IE6下需要定义浏览器文档的高度 */
}
body {
  margin:0;
}
.floats {
  width:100%;
  height:100%;
  background-color:#000;
  position:absolute;
  top:0;
  left:0;
  opacity:0.4; /* 不透明度：0~1 */
  filter:alpha(opacity=40);/* IE8及以下需要用IE自身的滤镜书写方式 */
}
</style>
</head>

<body>
内容内容内容内容内容内容内容内容内容内容内容内容内容<br>
内容内容内容内容内容内容内容内容内容内容内容内容内容<br>
内容内容内容内容内容内容内容内容内容内容内容内容内容<br>
内容内容内容内容内容内容内容内容内容内容内容内容内容<br>
内容内容内容内容内容内容内容内容内容内容内容内容内容<br>
内容内容内容内容内容内容内容内容内容内容内容内容内容<br><br><br><br>
<div class="floats"></div>

<strong><font color="#FF0000">*</font></strong>不透明度：<br><br>
标准浏览器  opacity:0~1;    <br><br>
IE8及以下   filter:alpha(opacity=0~100);    <br><br>
<strong><font color="#FF0000">*</font></strong>所以，兼容处理时两个都加(IEtester本身没带IE的滤镜，所以出现不了效果)<br><br>
<strong><font color="#FF0000">*</font></strong>但是因为body和html本身没有高度，需要全局定义下高度body,html{height:100%},否则IE6下只会显示一条高度为几px的块<br><br>

</body> 
</html>
